```html
<!-- 使用AntD布局容器 -->
<div style="display: flex; gap: 16px; padding: 24px" 
     data-antd-component="Row(gutter=16, justify=center)"
     class="ant-row ant-row-center">

  <!-- 主内容区 -->
  <main style="flex: 1; min-width: 0" 
        data-antd-component="Col(span=24)"
        class="ant-col ant-col-24">
        
    <!-- 顶部导航 -->
    <div style="margin-bottom: 16px; background: #fff; padding: 8px; border-radius: 4px" 
         data-antd-component="Breadcrumb">
      <nav style="font-size: 14px; color: #1890ff">上线日历表 > T+2报表 > 上线周报表 > 卡中心上线报表</nav>
    </div>

    <!-- 筛选条件 -->
    <div style="margin-bottom: 16px; background: #fff; padding: 16px; border-radius: 8px" 
         data-antd-component="Form(compact)">
      <label style="margin-right: 8px">请选择计划上线时间段</label>
      <input type="text" 
             style="width: 150px; border-color: #d9d9d9"
             class="ant-input"
             data-antd-component="Input.Search" value="2025-04-28 ~ 2025-05-04">
      
      <label style="margin-left: 16px; margin-right: 8px">项目编号</label>
      <input type="text" 
             style="width: 150px; border-color: #d9d9d9"
             class="ant-input"
             data-antd-component="Input.Search" placeholder="请输入项目编号">
      
      <label style="margin-left: 16px; margin-right: 8px">团队名称</label>
      <input type="text" 
             style="width: 150px; border-color: #d9d9d9"
             class="ant-input"
             data-antd-component="Input.Search" placeholder="请输入团队名称">
      
      <label style="margin-left: 16px; margin-right: 8px">确认计划上线日期</label>
      <input type="text" 
             style="width: 150px; border-color: #d9d9d9"
             class="ant-input"
             data-antd-component="DatePicker" placeholder="选择日期">
      
      <label style="margin-left: 16px; margin-right: 8px">计划上线日期</label>
      <input type="text" 
             style="width: 150px; border-color: #d9d9d9"
             class="ant-input"
             data-antd-component="DatePicker" placeholder="选择日期">
      
      <label style="margin-left: 16px; margin-right: 8px">项目经理</label>
      <input type="text" 
             style="width: 150px; border-color: #d9d9d9"
             class="ant-input"
             data-antd-component="Input.Search" placeholder="名称/员工编号">
      
      <button style="margin-left: 16px; background: #1890ff; color: #fff; border: none; padding: 8px 16px; border-radius: 4px"
              data-antd-component="Button(type=primary)">查询</button>
      <button style="margin-left: 8px; background: #1890ff; color: #fff; border: none; padding: 8px 16px; border-radius: 4px"
              data-antd-component="Button(type=primary)">导出Excel</button>
      <button style="margin-left: 8px; background: #fff; color: #1890ff; border: 1px solid #1890ff; padding: 8px 16px; border-radius: 4px"
              data-antd-component="Button(type=dashed)"><img src="filter_icon.png" alt="图标"></button>
    </div>

    <!-- 数据表格容器 -->
    <div style="box-shadow: 0 2px 8px rgba(0,0,0,0.15)" 
         data-antd-component="Card(bordered)">
      <table class="ant-table" 
             style="font-size: 13px"
             data-antd-component="Table">
        <!-- 表头 -->
        <thead style="background: #fafafa; font-weight: 500" 
               class="ant-table-thead">
          <tr>
            <th>项目编号</th>
            <th>项目名称</th>
            <th>是否高风险</th>
            <th>确认计划上线日期</th>
            <th>计划上线日期</th>
            <th>上线时间段</th>
            <th>项目经理</th>
            <th>所属团队</th>
            <th>所属部门</th>
            <th>关联项目</th>
            <th>上线投产小组组长</th>
            <th>是否允许数据中心调整上线日期</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td colspan="12" style="text-align: center;">暂无数据</td>
          </tr>
        </tbody>
      </table>
    </div>
  </main>
</div>
```